<!DOCTYPE html>

<html>
<head>
    <title>Page Title</title>
    <meta charset="utf8"/>
    <link href="<?php echo Yii::app()->request->baseUrl.'/css/bootstrap-3.2.0/css/bootstrap.min.css';?>" rel="stylesheet" type="text/css"/>
    <script src="<?php echo Yii::app()->request->baseUrl.'/css/bootstrap-3.2.0/js/jquery-1.11.1.min.js';?>" type="text/javascript"></script>
    <script src="<?php echo Yii::app()->request->baseUrl.'/css/bootstrap-3.2.0/js/bootstrap.min.js';?>" type="text/javascript"></script>
    <style type="text/css">
        #header {width: 100%;height: 50px;background-color: #16B5EF;}
        #header a {display: inline-block;margin-top: 8px;}
        #header span {display: inline-block;margin-top: 8px;color: white;font-size: 20px;}
        body {background-color: white;}
        li {list-style: none;}
          
        .div1{position: fixed;left:50%;bottom:5px;z-index: 1000;margin-left: -150px;}
        .input-group{margin-bottom: 20px;}
        .list-group{padding-left: 10px;padding-right: 10px;}
    </style>
</head>

<body>
 	
    <div id="header">
        <a href="news.html"><img src="<?php echo Yii::app()->request->baseUrl.'/images/BWeEvent/back.png';?>"/></a>
        <span>新闻</span>
    </div>
    <div style="padding-left:10px;padding-right:10px;padding-top:10px;">
       <div class="input-group">
            <input type="text" class="form-control "  onfocus="if(this.value=='关键字搜索>>>')this.value='';" onblur="if(this.value=='')this.value='关键字搜索>>>';">
            <span class="input-group-btn">
            <button class="btn btn-default" type="button">搜索</button>
            </span>
       </div>
    </div>
    <div class="list-group color">
        <a href="newsArticle.html" class="list-group-item" ><p><span style='text-align:center;font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
        <a href="newsArticle.html" class="list-group-item" ><p><span style='font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
        <a href="newsArticle.html" class="list-group-item" ><p><span style='font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
        <a href="newsArticle.html" class="list-group-item" ><p><span style='font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
        <a href="newsArticle.html" class="list-group-item" ><p><span style='font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
        <a href="newsArticle.html" class="list-group-item" ><p><span style='text-align:center;font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
        <a href="newsArticle.html" class="list-group-item" ><p><span style='text-align:center;font-family:微软雅黑;font-size:16px;font-weight:bold'>2015年，看湖人夺冠！</span><span style='color:#6AD022;float:right'>6-08</span></p><p>&nbsp&nbsp&nbsp具体内容..........</p></a>
    </div>
    <nav class="div1">
        <ul  style="margin-bottom:0px" class="pagination">
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">下一页</a></li>
        </ul>
    </nav>
</body>
